let Template = [
    {
        id: 'Relationship01_0001',
        component: 'Relationship01', // string 关系图
        style: {
            width: {
                value: 465,
                pixel: 465,
                unit: 'px'
            },
            height: {
                value: 363,
                pixel: 363,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#F3E493', '#E46571', '#B64AD0', '#6754BD', '#6754BD', '#818DD4'],
            page: 0,
            highlight: false,
            locked: false,
            chartOption: {
                type: 'diagramChart',
                option: {
                    color: ['#F3E493', '#E46571', '#B64AD0', '#6754BD', '#6754BD', '#818DD4'],
                    title: [{
                        text: '关系图',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '8',
                        bottom: '5',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '25',
                        bottom: '5',
                    }],
                    xAxis: {
                        type: 'category',
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            showMaxLabel: false, // 强制显示最大值标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            show: false,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    tooltip: {},
                    grid: {},
                    legend: {
                        data: [],
                        show: false,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: 'top'
                    },

                    animationDuration: 1500,
                    animationEasingUpdate: 'quinticInOut',
                    series: []
                },
            },
            interval: -1
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: 'name',
                index: 0,
                type: 'name'
            },
            {
                alias: 'x',
                index: 1,
                type: 'x'
            },
            {
                alias: 'y',
                index: 2,
                type: 'y'
            },
            {
                alias: 'value',
                index: 3,
                type: 'value'
            },
            {
                alias: 'category',
                index: 4,
                type: 'category'
            },
            {
                alias: 'target',
                index: 5,
                type: 'target'
            }],
            value: [
                ['name', "x", "y", "value", "category", "target"],
                ['Mon', 100, 100, 24, "A", "Tue,Mon1,Wed,Fri,Sun"],
                ['Mon1', 120, 80, 24, "A", "Mon,Wed,Fri,Sun,Thu"],
                ['Mon2', 110, 80, 24, "A", "Mon"],
                ['Mon3', 70, 80, 24, "A", "Mon"],
                ['Tue', 100, 120, 23, "B", "Mon,Wed"],
                ['Wed', 80, 120, 12, "C", "Mon,Thu,Fri"],
                ['Thu', 300, 150, 4, "D", "Mon,Fri"],
                ['Fri', 230, 125, 20, "E", "Mon,Thu,Sat"],
                ['Sat', 100, 40, 11, "F", "Mon,Sun"],
                ['Sun', 180, 200, 23, "G", "Mon,Fri,Thu"],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Relationship02_0001',
        component: 'Relationship02', // string 关系图
        style: {
            width: {
                value: 600,
                pixel: 600,
                unit: 'px'
            },
            height: {
                value: 400,
                pixel: 400,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#55D390', '#3BD4D3', '#3AACFF', '#506CFF', '#895BFF', '#B25BFF'],
            page: 0,
            highlight: false,
            chartOption: {
                type: 'diagramChart-circular',
                option: {
                    color: ['#55D390', '#3BD4D3', '#3AACFF', '#506CFF', '#895BFF', '#B25BFF'],
                    title: [{
                        text: '关系图',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '18',

                    }],
                    xAxis: {
                        type: 'category',

                        data: ['类别一', '类别二', '类别三', '类别四', '类别五', '类别六'],
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            showMaxLabel: false, // 强制显示最大值标签
                            show: false,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            show: false,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    tooltip: {},
                    legend: {
                        data: [],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: 'top'
                    },
                    grid: {},
                    animationDurationUpdate: 1500,
                    animationEasingUpdate: 'quinticInOut',
                    series: []
                }
            },
            locked: false,
            interval: -1
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: 'name',
                index: 0,
                type: 'name'
            },
            {
                alias: 'value',
                index: 1,
                type: 'value'
            },
            {
                alias: 'category',
                index: 2,
                type: 'category'
            },
            {
                alias: 'target',
                index: 3,
                type: 'target'
            }],
            value: [
                ['name', "value", "category", "target"],
                ['Mon', 24, "A", "Tue,Mon1,Wed,Fri,Sun"],
                ['Tue', 23, "B", "Mon, Wed"],
                ['Wed', 12, "C", "Thu,Fri"],
                ['Thu', 4, "D", "Mon,Fri"],
                ['Fri', 20, "E", "Thu,Sat"],
                ['Sat', 11, "F", "Mon,Sun"],
                ['Sun', 23, "G", "Fri,Thu"],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Relationship03_0001',
        component: 'Relationship03', // string 笛卡尔坐标系上graph
        style: {
            width: {
                value: 600,
                pixel: 600,
                unit: 'px'
            },
            height: {
                value: 400,
                pixel: 400,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#55D390', '#3BD4D3', '#3AACFF', '#506CFF', '#895BFF', '#B25BFF'],
            page: 0,
            highlight: false,
            chartOption: {
                type: 'diagramChart-circular',
                option: {
                    color: ['#55D390', '#3BD4D3', '#3AACFF', '#506CFF', '#895BFF', '#B25BFF'],
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '18',

                    }],
                    xAxis: {
                        type: 'category',
                        data: ['Mon', 'Tue', 'Wed', 'Very Loooong Thu', 'Fri', 'Sat', 'Sun'],
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            showMaxLabel: false, // 强制显示最大值标签
                            show: false,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            show: false,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    tooltip: {},
                    legend: {
                        data: [],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: 'top'
                    },
                    grid: {},
                    animationDurationUpdate: 1500,
                    animationEasingUpdate: 'quinticInOut',
                    series: [{
                        type: 'graph',
                        layout: 'none',
                        coordinateSystem: 'cartesian2d',
                        symbolSize: 40,
                        label: {
                            show: true
                        },
                        edgeSymbol: ['circle', 'arrow'],
                        edgeSymbolSize: [4, 10],
                        data: [20, 50, 60, 12, 60, 25, 30],
                        links: [],
                        lineStyle: {
                            color: '#ffffff'
                        }
                    }]
                }
            },
            locked: false,
            interval: -1
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: 'name',
                index: 0,
                type: 'name'
            },
            {
                alias: 'value',
                index: 1,
                type: 'value'
            }],
            value: [
                ['name', "value"],
                ['Mon', 24],
                ['Tue', 23],
                ['Wed', 12],
                ['Thu', 4],
                ['Fri', 20],
                ['Sat', 11],
                ['Sun', 23],
            ], // 二维数组 存静态数据 二维数组
        }
    }
]
export default Template;